<template>
	
<view class="conter">
	
	<view class="top">	
	
	<view class="avotor" @click="upLoadAvatar">
		<image src="" mode=""></image>
	</view>
		<text>JAVA大佬，前端大佬</text>
	</view>
	
	<view class="cent">
		<view class="row" @click="goAccount">
			<uni-icons type="person"></uni-icons>
			<text>我的账户</text>
			<view class="right">
				<button type="default">立即充值</button>
				<uni-icons type="arrowright"></uni-icons>
			</view>
		</view>
		<view class="row" @click="goYl">
			<uni-icons type="person"></uni-icons>
			<text>我的阅历</text>
			<view class="right">
				<uni-icons type="arrowright"></uni-icons>
			</view>
		</view>
		<view class="row" @click="goCz">
			<uni-icons type="person"></uni-icons>
			<text>充值记录</text>
			<view class="right">
				<uni-icons type="arrowright"></uni-icons>
			</view>
		</view>
		<view class="row" @click="goGm">
			<uni-icons type="person"></uni-icons>
			<text>购买记录</text>
			<view class="right">
				<uni-icons type="arrowright"></uni-icons>
			</view>
		</view>
		<view class="row" @click="goHi">
			<uni-icons type="person"></uni-icons>
			<text>浏览历史</text>
			<view class="right">
				<uni-icons type="arrowright"></uni-icons>
			</view>
		</view>
		<view class="row" @click="goGen">
			<uni-icons type="person"></uni-icons>
			<text>我的阅读基因</text>
			<view class="right">
				<uni-icons type="arrowright"></uni-icons>
			</view>
		</view>
		<view class="row" @click="seting">
			<uni-icons type="person"></uni-icons>
			<text>设置</text>
			<view class="right">
				<uni-icons type="arrowright"></uni-icons>
			</view>
		</view>
	</view>
	
	
</view>
	
	
</template>

<script>
	export default {
		data() {
			return {
			
			}
		},
		methods: {
			// 头像上传
			upLoadAvatar(){
				
			},
			goAccount(){
				console.log(6666)
				uni.navigateTo({
					url:'/pages/mine/message'
				})
			},
			goYl(){
				uni.navigateTo({
					url:'/pages/mine/experience'
				})
			},
			goGen(){
				uni.navigateTo({
					url:'/pages/mine/XXX'
				})
			},
			goCz(){
				uni.navigateTo({
					url:'/pages/mine/recharge'
				})
			},
			goGm(){
				uni.navigateTo({
					url:'/pages/mine/mybook'
				})
			},
			
			
			
		}
	}
</script>

<style scoped>
	
	.avotor{
		margin-top: 10vh;
		width: 180rpx;
		height: 180rpx;
		background-color: #007AFF;
		border-radius: 50%;
		overflow: hidden;
		
	}
	
	image{
		display: block;
		width: 100rpx;
		height: 100rpx;
	}
	
	.conter{
		display: flex;
		flex-direction: column;
		/* justify-content: center; */
		overflow: hidden;
	}
	.top{
		width: 100%;
		height: 40vh;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.cent{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	
	.row{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		/* background-color: #F0AD4E; */
		position: relative;
		margin: 10px;
		height: 30px;
	}
	.right{
		display: flex;
		position: absolute;
		align-items: center;
		right:11px;
		/* margin-left: 15px; */
		}
		button{
			padding: 0 10px 0 10px;
			border: 1px solid #3F536E;
			border-radius: 15px;
			font-size: 8px;
		}
	
</style>
